<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>组群聊-群聊页</title>
    <link th:href="@{/c/base.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/c/toefl.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/c/bootstrap.min.css}" rel="stylesheet" type="text/css">
</head>
<body>
<div class="doc1180 fn-clear">
    <div class="crumbs_patch">
        <a href="###">同城考生群</a>》
        <a href="###">群组名称</a>》
        <span>群聊</span>
    </div>
    <!--页面左侧内容-->
    <div class="tfr_left">
        <div class="zql_Top">
            <ul>
                <li class="zql_TopPic"><img th:src="@{/i/82x82.png}" width="82" height="82"></li>
                <li class="zql_TopText">
                    <div class="zql_TopTitle">群组名称</div>
                    <div class="zql_TopTime">
                        <span>建群时间：2014-12-29</span>|<span><b class="blue">1213</b>人已加入此群</span>
                    </div>
                </li>
                <li class="zql_TopButton">
                    <a class="btn btn-primary" th:href="@{/group-chat/groupchat-details}">查看群组详情</a>
                </li>
            </ul>
        </div>
        <div class="zql_Body">
            <dl>
                <dt class="zql_BodyPic"><img src="../i/82x82.png"></dt>
                <dd class="zql_BodyText">
                    <div class="zql_BodyTitle">
                        <span>班长</span>四季的风
                        <div style="float: right;">
                            <a class="btn btn-danger">删除</a>
                            <a class="btn btn-warning">编辑</a>
                        </div>

                    </div>
                    <div class="zql_BodyT">
                        <p>
                            香港股市近日连续多日均见升幅，前日恒指更一度升穿28000点，而无线前日宣布为配合港股热潮，将于下周一深宵黄金时段(即21日凌晨12时15分)重播由郑少秋、刘青云、郭蔼明、周慧敏及刘松仁主演的《大时代》，即令大批股民喊惊及呼吁别放!言犹在耳，股民最不想发生的“丁蟹效应”似乎已应验，恒指昨日收市跌454点，报收27561点，八日连升之势停止，令不少有买股票的艺人赔钱!</p>
                    </div>
                    <div style="width: 170px;float: right;">
                        <span>创建日期：</span>2019-01-01
                    </div>
                </dd>
            </dl>
            <dl>
                <dt class="zql_BodyPic"><img src="../i/82x82.png"></dt>
                <dd class="zql_BodyText">
                    <div class="zql_BodyTitle">
                        <span>班长</span>四季的风
                        <div style="float: right;">
                            <a class="btn btn-danger">删除</a>
                            <a class="btn btn-warning">编辑</a>
                        </div>

                    </div>
                    <div class="zql_BodyT">
                        <p>
                            香港股市近日连续多日均见升幅，前日恒指更一度升穿28000点，而无线前日宣布为配合港股热潮，将于下周一深宵黄金时段(即21日凌晨12时15分)重播由郑少秋、刘青云、郭蔼明、周慧敏及刘松仁主演的《大时代》，即令大批股民喊惊及呼吁别放!言犹在耳，股民最不想发生的“丁蟹效应”似乎已应验，恒指昨日收市跌454点，报收27561点，八日连升之势停止，令不少有买股票的艺人赔钱!</p>
                    </div>
                    <div style="width: 170px;float: right;">
                        <span>创建日期：</span>2019-01-01
                    </div>
                </dd>
            </dl>
        </div>
        <div class="zql_Bottom">
            <div><input name="" type="text" class="zql_BottomTitle"></div>
            <div><textarea name="" cols="" rows="" class="zql_BottomInput"></textarea></div>
            <div class="paddingT20 fn-clear"><a href="###" class="zql_BottomButton">发布</a></div>
        </div>
    </div>
    <!--页面左侧内容 end-->
    <!--页面右侧内容-->
    <div class="doc280 fn-right">
        <div class="index_itemR">
            <div class="index_itemRtitle">
                <h3>本群官方管理</h3>
            </div>
            <div class="zql_bqgl">
                <ul>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                </ul>
            </div>
        </div>
        <div class="index_itemR">
            <div class="index_itemRtitle">
                <h3>本群管理员</h3>
            </div>
            <div class="zql_bqgl">
                <ul>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                </ul>
            </div>
        </div>
        <div class="index_itemR">
            <div class="index_itemRtitle">
                <h3>本群成员</h3>
            </div>
            <div class="zql_chengyuan">
                <ul>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                    <li><img src="../i/60x60.png" width="60" height="60"></li>
                </ul>
            </div>
        </div>
    </div>
    <!--页面右侧内容 end-->
</div>
</body>
</html>
